﻿@using CMSMVC4.MultiResource
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>@ViewBag.Title</title>
    <link rel="shortcut icon" href="~/Content/template/css/images/favicon.png">
    <!-- Le styles -->
    <link rel="stylesheet" href="~/Content/dialog.css" />
    <link href="~/Content/template/js/plugins/chosen/chosen/chosen.css" rel="stylesheet">
    <link href="~/Content/template/css/twitter/bootstrap.css" rel="stylesheet">
    <link href="~/Content/template/css/base.css" rel="stylesheet">
    <link href="~/Content/template/css/twitter/responsive.css" rel="stylesheet">
    <link href="~/Content/template/css/jquery-ui-1.8.23.custom.css" rel="stylesheet">
    <script src="~/Content/template/js/plugins/modernizr.custom.32549.js"></script>
    <script src="~/Scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
    <script src="~/Scripts/jquery.unobtrusive-ajax.min.js" type="text/javascript"></script>
    <script src="~/Scripts/jquery.validate.unobtrusive.min.js" type="text/javascript"></script>
    <script src="~/Scripts/jquery.validate.min.js" type="text/javascript"></script>
    <script src="@Url.Content("~/Content/ckeditor/ckeditor.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Content/ckfinder/ckfinder.js")" type="text/javascript"></script>
    <script src="~/Content/ckeditor/samples/assets/uilanguages/languages.js" type="text/javascript"></script>
    <style type="text/css">
        .dashboard {
        }

        #main_laguage_imgviss {
            float: right;
            margin-left: 10px;
            height: 25px;
            background-image: url(/Images/Css/img/vietnam_03.png);
            background-repeat: no-repeat;
            width: 39px;
        }

        #main_laguage_imgenss {
            float: right;
            margin-left: 10px;
            height: 25px;
            background-image: url(/Images/Css/img/english_03.png);
            background-repeat: no-repeat;
            width: 38px;
        }

        .administrator {
        }
    </style>
</head>
<body>
    <div id="loading">
        <img src="~/Content/template/img/ajax-loader.gif" alt="">
    </div>
    <div id="responsive_part">
        <div class="logo">
            <a href="#"><span>Start</span><span class="icon"></span></a>
        </div>
        <ul class="nav responsive">
            <li>@* ReSharper disable UnknownCssClass *@
                <button class="btn responsive_menu icon_item" data-toggle="collapse" data-target=".overview">
                    <i class="icon-reorder"></i>
                </button>
                @* ReSharper restore UnknownCssClass *@ </li>
        </ul>
    </div>
    <!-- Responsive part -->
    <div id="sidebar" style="height: auto">
        <div class="scrollbar">
            <div class="track">
                <div class="thumb">
                    <div class="end">
                    </div>
                </div>
            </div>
        </div>
        <div class="viewport">
            <div class="overview collapse" style="width: 100%">
                <div id="main_laguage" style="margin-top: 10px; margin-right: 15px">
                    <a href="@Url.Action("ChangeLanguage", "ChangeLanguage", new { culture = "en-us", returnUrl = Request.Url, area = "Main" })">
                        <input type="button" id="main_laguage_imgenss" style="border: none" />. </a>
                    <a href="@Url.Action("ChangeLanguage", "ChangeLanguage", new { culture = "vi-vn", returnUrl = Request.Url, area = "Main" })">
                        <input type="button" id="main_laguage_imgviss" style="border: none" />. </a>
                </div>
                <div class="search row-fluid container">
                    <h2>@Admin.Search</h2>
                    <form class="form-search" action="/Admin/Search">
                        <div class="input-append">
                            <input name="id" value="@Request.QueryString["Id"]" type="text" class=" search-query" placeholder="">
                            <button class="btn_search color_4">
                                Search</button>
                        </div>
                    </form>
                </div>
                <ul id="sidebar_menu" class="navbar nav nav-list container full">
                    @{Html.RenderAction("ListLoadMenuParrent", "Menus", new { area = "Admin", id = ViewBag.M });}
                </ul>
                <div class="menu_states row-fluid container ">
                    <h2 class="pull-left">@Admin.MenuSetting</h2>
                    <div class="options pull-right">
                        <button id="menu_state_1" class="color_4" rel="tooltip" data-state="sidebar_icons"
                            data-placement="top" data-original-title="Icon Menu">
                            1</button>
                        <button id="menu_state_2" class="color_4 active" rel="tooltip" data-state="sidebar_default" data-placement="top" data-original-title="@Admin.FixedMenu">
                            2</button>
                        <button id="menu_state_3" class="color_4" rel="tooltip" data-placement="top" data-state="sidebar_hover" data-original-title="@Admin.FloatingOnHoverMenu">
                            3</button>
                    </div>
                </div>
                <!-- End sidebar_box -->
            </div>
        </div>
    </div>
    <div id="main">
        <div class="content">
            <div class="header row-fluid">
                <div class="logo">
                    <a href="#"><span>@Admin.AdminControl</span><span class="icon"></span></a>
                </div>
                <div class="top_right">
                    <ul class="nav nav_menu">
                        <li class="dropdown"><a class="dropdown-toggle administrator" id="dLabel" role="button"
                            data-toggle="dropdown" data-target="#" href="Admin">
                            <div class="title">
                                <span class="name">@HttpContext.Current.User.Identity.Name</span><span class="subtitle">version 2.0</span>
                            </div>
                            <span class="icon">
                                <img src="~/Content/template/img/3Dscan - TrangChu.jpg" alt=""></span></a>
                            <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
                                <li><a href="/Admin/Account/ChangePassword/@User.Identity.Name"><i class=" icon-user"></i>@Admin.ChangePassword</a></li>
                                <li><a href="/Admin/Error/NotFound"><i class=" icon-cog"></i>@Admin.Settings</a></li>
                                <li><a href="/Admin/Account/LogOut"><i class=" icon-unlock"></i>@Admin.LogOut</a></li>
                                <li><a href="/Admin/Error/NotFound"><i class=" icon-flag"></i>@Admin.Help</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
            <div id="main_container" style="background-color: white">
                @RenderBody()
            </div>
        </div>
        <div id="footer">
            <p>
                &copy; Edit by Camnv
            </p>
            <span class="company_logo"><a href="../../../www.pixelgrade.com/default.htm"></a>
            </span>
        </div>
    </div>
    <div class="background_changer dropdown">
        <div class="dropdown" id="colors_pallete">
            <a data-toggle="dropdown" data-target="drop4" class="change_color"></a>
            <ul class="dropdown-menu pull-left" role="menu" aria-labelledby="drop4">
                <li><a data-color="color_0" class="color_0" tabindex="-1">1</a></li>
                <li><a data-color="color_1" class="color_1" tabindex="-1">1</a></li>
                <li><a data-color="color_2" class="color_2" tabindex="-1">2</a></li>
                <li><a data-color="color_3" class="color_3" tabindex="-1">3</a></li>
                <li><a data-color="color_4" class="color_4" tabindex="-1">4</a></li>
                <li><a data-color="color_5" class="color_5" tabindex="-1">5</a></li>
                <li><a data-color="color_6" class="color_6" tabindex="-1">6</a></li>
                <li><a data-color="color_7" class="color_7" tabindex="-1">7</a></li>
                <li><a data-color="color_8" class="color_8" tabindex="-1">8</a></li>
                <li><a data-color="color_9" class="color_9" tabindex="-1">9</a></li>
                <li><a data-color="color_10" class="color_10" tabindex="-1">10</a></li>
                <li><a data-color="color_11" class="color_11" tabindex="-1">10</a></li>
                <li><a data-color="color_12" class="color_12" tabindex="-1">12</a></li>
                <li><a data-color="color_13" class="color_13" tabindex="-1">13</a></li>
                <li><a data-color="color_14" class="color_14" tabindex="-1">14</a></li>
                <li><a data-color="color_15" class="color_15" tabindex="-1">15</a></li>
                <li><a data-color="color_16" class="color_16" tabindex="-1">16</a></li>
                <li><a data-color="color_17" class="color_17" tabindex="-1">17</a></li>
                <li><a data-color="color_18" class="color_18" tabindex="-1">18</a></li>
                <li><a data-color="color_19" class="color_19" tabindex="-1">19</a></li>
                <li><a data-color="color_20" class="color_20" tabindex="-1">20</a></li>
                <li><a data-color="color_21" class="color_21" tabindex="-1">21</a></li>
                <li><a data-color="color_22" class="color_22" tabindex="-1">22</a></li>
                <li><a data-color="color_23" class="color_23" tabindex="-1">23</a></li>
                <li><a data-color="color_24" class="color_24" tabindex="-1">24</a></li>
                <li><a data-color="color_25" class="color_25" tabindex="-1">25</a></li>
            </ul>
        </div>
    </div>
    <div class="avgrund-popup  stack modal" id="default-popup">
        <div class="modal-header">
            <h3 id="myModalLabel">Experimental</h3>
        </div>
        <div class="modal-body">
            <p>
                You can hit ESC or click outside to close the modal. Give it a go to see the reverse
                transition.
            </p>
        </div>
        <div class="modal-footer">
            <button class="btn btn-primary" onclick="javascript:closeDialog();">
                Close</button>
        </div>
    </div>
    <div class="avgrund-cover">
    </div>
    <!-- General scripts -->
    <script src="~/Content/template/js/jquery.js" type="text/javascript"> </script>
    <script src="~/Content/template/js/plugins/enquire.min.js" type="text/javascript"></script>
    <script src="~/Content/template/js/plugins/jquery.sparkline.min.js" type="text/javascript"></script>
    <script src="~/Content/template/js/plugins/excanvas.compiled.js" type="text/javascript"></script>
    .
    <br />
    <br />
    <br />
    <script src="~/Content/template/js/bootstrap-transition.js" type="text/javascript"></script>
    <script src="~/Content/template/js/bootstrap-alert.js" type="text/javascript"></script>
    <script src="~/Content/template/js/bootstrap-modal.js" type="text/javascript"></script>
    <script src="~/Content/template/js/bootstrap-dropdown.js" type="text/javascript"></script>
    <script src="~/Content/template/js/bootstrap-scrollspy.js" type="text/javascript"></script>
    <script src="~/Content/template/js/bootstrap-tab.js" type="text/javascript"></script>
    <script src="~/Content/template/js/bootstrap-tooltip.js" type="text/javascript"></script>
    <script src="~/Content/template/js/bootstrap-popover.js" type="text/javascript"></script>
    <script src="~/Content/template/js/bootstrap-button.js" type="text/javascript"></script>
    <script src="~/Content/template/js/bootstrap-collapse.js" type="text/javascript"></script>
    <script src="~/Content/template/js/bootstrap-carousel.js" type="text/javascript"></script>
    <script src="~/Content/template/js/bootstrap-typeahead.js" type="text/javascript"></script>
    <script src="~/Content/template/js/bootstrap-affix.js" type="text/javascript"></script>
    <script src="~/Content/template/js/fileinput.jquery.js" type="text/javascript"></script>
    <script src="~/Content/template/js/jquery-ui-1.8.23.custom.min.js" type="text/javascript"></script>
    <script src="~/Content/template/js/jquery.touchdown.js" type="text/javascript"></script>
    <script src="~/Content/template/js/plugins/jquery.uniform.min.js" type="text/javascript"></script>
    <script src="~/Content/template/js/plugins/jquery.tinyscrollbar.min.js" type="text/javascript"></script>
    <script src="~/Content/template/js/jnavigate.jquery.min.js" type="text/javascript"></script>
    <script src="~/Content/template/js/jquery.touchSwipe.min.js" type="text/javascript"></script>
    <script src="~/Content/template/js/plugins/jquery.peity.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="~/Content/template/js/plugins/jquery.uniform.min.js"></script>
    <script type="text/javascript" src="~/Content/template/js/plugins/textarea-autogrow.js"></script>
    <script type="text/javascript" src="~/Content/template/js/plugins/character-limit.js"></script>
    <script type="text/javascript" src="~/Content/template/js/plugins/jquery.maskedinput-1.3.js"></script>
    <script type="text/javascript" src="~/Content/template/js/plugins/chosen/chosen/chosen.jquery.min.js"></script>
    <script type="text/javascript" src="~/Content/template/js/plugins/bootstrap-datepicker.js"></script>
    <script type="text/javascript" src="~/Content/template/js/plugins/bootstrap-colorpicker.js"></script>
    <!-- DIALOG -->
    <script src="~/Content/dialog.js" type="text/javascript"></script>
    @*chỉ cần vất cái này thôi*@
    @*<script src="~/Scripts/jquery.unobtrusive-ajax.min.js" type="text/javascript"></script>
    <script src="~/Scripts/jquery.validate.min.js" type="text/javascript"></script>
    <script src="~/Scripts/jquery.validate.unobtrusive.min.js" type="text/javascript"></script>
    <script src="~/Scripts/MicrosoftAjax.debug.js" type="text/javascript"></script>
    <script src="~/Scripts/MicrosoftAjax.js" type="text/javascript"></script>
    <script src="~/Scripts/MicrosoftMvcAjax.debug.js" type="text/javascript"></script>
    <script src="~/Scripts/MicrosoftMvcAjax.js" type="text/javascript"></script>
    <script src="~/Scripts/MicrosoftMvcValidation.debug.js" type="text/javascript"></script>
    <script src="~/Scripts/MicrosoftMvcValidation.js" type="text/javascript"></script>
    <script src="~/Scripts/modernizr-1.7.min.js" type="text/javascript"></script>*@
    <!-- Flot charts -->
    <script src="~/Content/template/js/plugins/flot/jquery.flot.js" type="text/javascript"></script>
    <script src="~/Content/template/js/plugins/flot/jquery.flot.stack.js" type="text/javascript"></script>
    <script src="~/Content/template/js/plugins/flot/jquery.flot.pie.js" type="text/javascript"></script>
    <script src="~/Content/template/js/plugins/flot/jquery.flot.resize.js" type="text/javascript"></script>
    <!-- Data tables -->
    <script src="~/Content/template/js/plugins/datatables/js/jquery.dataTables.js" type="text/javascript"></script>
    <!-- Task plugin -->
    <script src="~/Content/template/js/plugins/knockout-2.0.0.js" type="text/javascript"></script>
    <!-- Custom made scripts for this template -->
    <script type="text/javascript" language="javascript" src="~/Content/template/js/plugins/datatables/js/jquery.dataTables.js"></script>
    <script src="~/Content/template/js/scripts.js" type="text/javascript"></script>
    @* ReSharper disable UnusedParameter *@
    <script type="text/javascript">
        /**** Specific JS for this page ****/
        // Datatables
        $(document).ready(function () {

            var dontSort = [];
            $('#datatable_example thead th').each(function () {
                if ($(this).hasClass('no_sort')) {
                    dontSort.push({ "bSortable": false });
                } else {
                    dontSort.push(null);
                }
            });
            $('#datatable_example').dataTable({
                "sDom": "<'row-fluid table_top_bar'<'span12'<'to_hide_phone' f>>>t<'row-fluid control-group full top' <'span4 to_hide_tablet'l><'span8 pagination'p>>",
                "aaSorting": [[1, "asc"]],
                "bPaginate": true,

                "sPaginationType": "full_numbers",
                "bJQueryUI": false,
                "aoColumns": dontSort,

            });
            $.extend($.fn.dataTableExt.oStdClasses, {
                "s`": "dataTables_wrapper form-inline"
            });

            $(".chzn-select, .dataTables_length select").chosen({
                disable_search_threshold: 10

            });
        });


    </script>
    <script type="text/javascript">
        /**** Specific JS for this page ****/
        /* Todo Plugin */
        var data = [
            { id: 1, title: "<i class='gicon-gift icon-white'><\/i>Have tea with the Queen", isDone: false },
            { id: 2, title: "<i class='gicon-briefcase icon-white'><\/i>Steal  James Bond car", isDone: true },
            { id: 3, title: "<i class='gicon-heart icon-white'><\/i>Confirm that this template is awesome", isDone: false },
            { id: 4, title: "<i class='gicon-thumbs-up icon-white'><\/i>Nothing", isDone: false },
            { id: 5, title: "<i class='gicon-fire icon-white'><\/i>Play solitaire", isDone: false }
        ];


        function Task(data) {
            this.title = ko.observable(data.title);
            this.isDone = ko.observable(data.isDone);
            this.isEditing = ko.observable(data.isEditing);

            this.startEdit = function (event) {
                console.log("editing");
                this.isEditing(true);
            };
            this.updateTask = function (task) {
                this.isEditing(false);
            };
        }

        function TaskListViewModel() {
            // Data
            var self = this;
            self.tasks = ko.observableArray([]);
            self.newTaskText = ko.observable();
            self.incompleteTasks = ko.computed(function () {
                return ko.utils.arrayFilter(self.tasks(),
                    function (task) {
                        return !task.isDone() && !task._destroy;
                    });
            });

            self.completeTasks = ko.computed(function () {
                return ko.utils.arrayFilter(self.tasks(),
                    function (task) {
                        return task.isDone() && !task._destroy;
                    });
            });

            // Operations
            self.addTask = function () {
                self.tasks.push(new Task({ title: this.newTaskText(), isEditing: false }));

                self.newTaskText("");

            };
            self.removeTask = function (task) { self.tasks.destroy(task); };

            self.removeCompleted = function () {
                self.tasks.destroyAll(self.completeTasks());
            };

            /* Load the data */
            var mappedTasks = $.map(data, function (item) {
                return new Task(item);
            });

            self.tasks(mappedTasks);
        }

        ko.applyBindings(new TaskListViewModel());
        //End Todo Plugin

    </script>
    @* ReSharper restore UnusedParameter *@ @* ReSharper disable UnusedLocals *@ @* ReSharper disable UnusedParameter *@
    <script type="text/javascript">
        //Chart - Campaigns
        $(function () {
            var d4 = [[1, 10], [2, 9], [3, 8], [4, 6], [5, 5], [6, 3], [7, 9], [8, 10], [9, 12], [10, 14], [11, 15], [12, 13], [13, 11], [14, 10], [15, 9], [16, 8], [17, 12], [18, 14], [19, 16], [20, 19], [21, 20], [22, 20], [23, 19], [24, 17], [25, 15], [25, 14], [26, 12], [27, 10], [28, 8], [29, 10], [30, 12], [31, 10], [32, 9], [33, 8], [34, 6], [35, 5], [36, 3], [37, 9], [38, 10], [39, 12], [40, 14], [41, 15], [42, 13], [43, 11], [44, 10], [45, 9], [46, 8], [47, 12], [48, 14], [49, 16], [50, 12], [51, 10], [52, 9], [53, 8], [54, 6], [55, 5], [56, 3], [57, 9], [58, 10], [59, 12], [60, 14], [61, 15], [62, 13], [63, 11], [64, 10], [65, 9], [66, 8], [67, 12], [68, 14], [69, 16]];
            var d5 = [[1, 12], [2, 10], [3, 9], [4, 8], [5, 8], [6, 8], [7, 8], [8, 8], [9, 9], [10, 9], [11, 10], [12, 11], [13, 12], [14, 11], [15, 10], [16, 10], [17, 9], [18, 10], [19, 11], [20, 11], [21, 12], [22, 13], [23, 14], [24, 13], [25, 12], [25, 12], [26, 11], [27, 10], [28, 9], [29, 8], [30, 7], [31, 7], [32, 8], [33, 8], [34, 7], [35, 6], [36, 6], [37, 7], [38, 8], [39, 8], [40, 9], [41, 10], [42, 11], [43, 11], [44, 12], [45, 12], [46, 11], [47, 10], [48, 9], [49, 8], [50, 8], [51, 9], [52, 10], [53, 11], [54, 12], [55, 12], [56, 12], [57, 13], [58, 13], [59, 12], [60, 11], [61, 10], [62, 9], [63, 8], [64, 7], [65, 7], [66, 6], [67, 5], [68, 4], [69, 3]];

            var plot = $.plot($("#placeholder"),
                [{
                    data: d4,
                    color: "rgba(0,0,0,0.2)",
                    shadowSize: 0,
                    bars: {
                        show: true,
                        lineWidth: 0,
                        fill: true,

                        fillColor: { colors: [{ opacity: 1 }, { opacity: 1 }] },
                    }
                },
                    {
                        data: d5,

                        color: "rgba(255,255,255, 0.4)",
                        shadowSize: 0,
                        lines: { show: true, fill: false },
                        points: { show: false },
                        bars: { show: false },
                    }],
                {
                    series: {
                        bars: { show: true, barWidth: 0.6 }
                    },
                    grid: { show: false, hoverable: true, clickable: false, autoHighlight: true, borderWidth: 0, },
                    yaxis: { min: 0, max: 20 },

                });

            function showTooltip(x, y, contents) {
                $('<div id="tooltip"><div class="date">12 Nov 2012<\/div><div class="title text_color_3">' + x / 10 + '%<\/div> <div class="description text_color_3">CTR<\/div><div class="title ">' + x * 12 + '<\/div><div class="description">Impressions<\/div><\/div>').css({
                    position: 'absolute',
                    display: 'none',
                    top: y - 125,
                    left: x - 40,
                    border: '0px solid #ccc',
                    padding: '2px 6px',
                    'background-color': '#fff',
                    opacity: 10
                }).appendTo("body").fadeIn(200);
            }

            var previousPoint = null;
            $("#placeholder").bind("plothover", function (event, pos, item) {
                $("#x").text(pos.x.toFixed(2));
                $("#y").text(pos.y.toFixed(2));
                if (item) {
                    if (previousPoint != item.dataIndex) {
                        previousPoint = item.dataIndex;
                        $("#tooltip").remove();
                        var x = item.datapoint[0].toFixed(2),
                            y = item.datapoint[1].toFixed(2);
                        showTooltip(item.pageX, item.pageY,
                            x);
                    }
                }
            });

            //Fundraisers chart
            var d6 = [[1, 10], [2, 9], [3, 8], [4, 6], [5, 5], [6, 3], [7, 9], [8, 10], [9, 12], [10, 14], [11, 15], [12, 13], [13, 11], [14, 10], [15, 9], [16, 8], [17, 12], [18, 14], [19, 16], [20, 19], [21, 20], [22, 20], [23, 19], [24, 17], [25, 15], [25, 14], [26, 12], [27, 10], [28, 8], [29, 10], [30, 12], [31, 10], [32, 9], [33, 8], [34, 6], [35, 5], [36, 3]];
            $.plot($("#placeholder2"),
                [{
                    data: d6,
                    color: "#fff",
                    shadowSize: 0,
                    bars: {
                        show: true,
                        lineWidth: 0,
                        fill: true,
                        highlight: {
                            opacity: 0.3
                        },
                        fillColor: { colors: [{ opacity: 1 }, { opacity: 1 }] },
                    },
                }],
                {
                    series: {
                        bars: { show: true, barWidth: 0.6 }
                    },
                    grid: { show: false, hoverable: true, clickable: false, autoHighlight: true, borderWidth: 0, },
                    yaxis: { min: 0, max: 23 },

                });

            function showTooltip2(x, y, contents) {
                $('<div id="tooltip"><div class="title ">' + x * 2 + '</div><div class="description">Impressions</div></div>').css({
                    position: 'absolute',
                    display: 'none',
                    top: y - 58,
                    left: x - 40,
                    border: '0px solid #ccc',
                    padding: '2px 6px',
                    'background-color': '#fff',
                    opacity: 10
                }).appendTo("body").fadeIn(200);
            }

            previousPoint = null;
            $("#placeholder2").bind("plothover", function (event, pos, item) {
                $("#x").text(pos.x.toFixed(2));
                $("#y").text(pos.y.toFixed(2));
                if (item) {
                    if (previousPoint != item.dataIndex) {
                        previousPoint = item.dataIndex;
                        $("#tooltip").remove();
                        var x = item.datapoint[0].toFixed(2),
                            y = item.datapoint[1].toFixed(2);
                        showTooltip2(item.pageX, item.pageY,
                            x);
                    }
                }
            });
            //Envato chart
            $.plot($("#placeholder3"),
                [{
                    data: d6,
                    color: "rgba(0,0,0,0.2)",
                    shadowSize: 0,
                    bars: {
                        lineWidth: 0,
                        fill: true,

                        fillColor: { colors: [{ opacity: 1 }, { opacity: 1 }] },
                    },
                    lines: { show: false, fill: true },
                    points: { show: false },
                }],
                {
                    series: {
                        bars: { show: true, barWidth: 0.6 }
                    },
                    grid: { show: false, hoverable: true, clickable: false, autoHighlight: true, borderWidth: 0, },
                    yaxis: { min: 0, max: 23 },

                });
            //Facebook chart
            $.plot($("#placeholder4"),
                [{
                    data: d6,
                    color: "rgba(0,0,0,0.2)",
                    shadowSize: 0,
                    bars: {
                        lineWidth: 0,
                        fill: true,

                        fillColor: { colors: [{ opacity: 1 }, { opacity: 1 }] },
                    },
                    lines: { show: false, fill: true },
                    points: { show: false },
                }],
                {
                    series: {
                        bars: { show: true, barWidth: 0.6 }
                    },
                    grid: { show: false, hoverable: true, clickable: false, autoHighlight: true, borderWidth: 0, },
                    yaxis: { min: 0, max: 23 },

                });
            // End Fundraiser chart
        });




    </script>
    @* ReSharper restore UnusedParameter *@ @* ReSharper restore UnusedLocals *@
</body>
</html>
